<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
    <h1>登录页面</h1>
<form action="" method="get"> <!--同步-->
    用户名：<input type="text" name="userName" id=""><br>
    密码：<input type="text" name="pwd" ><br>
    <input type="submit" value="登录">
    <input onclick="login();" type="button" value="登录">
</form>
<p>fdfsad</p>
</body>

<script>
    function login() {
        //创建对象
        var xmlhttp;
        if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp=new XMLHttpRequest();
        }
        else
        {// code for IE6, IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        var user = document.getElementsByTagName("input")[0].value;
        var pwd = document.getElementsByTagName("input")[1].value;
        //2. 打开连接
        //1. 提交方式  get  post
        //2. 提交的路径，提交给谁？
        // true 异（默认） false 异步
         xmlhttp.open("GET","https://gitee.com/iotpainter/class_031/login?userName="+user+"&pwd="+pwd+"",true);
        //3。发送请求
        xmlhttp.send();
        //4.响应 //服务器返回数据。
        xmlhttp.onreadystatechange=function()
        {
           // alert("fff")
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                var c =  xmlhttp.responseText;
                document.getElementsByTagName("p")[0].innerHTML = c;
            }
        }
    }

</script>
</html>